<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.map应用场景：利用某种规则映射得到一个新数组
        //   大白话：遍历每个原数组，然后进行某种不可告人的处理，得到一个新玩意数组
        //   例如：将数组中的每一个元素进行 + 1
        //   例如：将数组中的每一个元素进行 * 2

        // 2.注意事项
        //   a.回调函数执行次数 == 数组长度(数组中有几个元素，回调函数就会执行几次)
        //   b.map函数返回的新数组长度 == 原数组长度
        //   c.回调函数一定要return，返回的是当前遍历的元素值
        //     （ 如果不renturn，新数组中的每一个元素都会变成underfined）
        // value:(值)

        // 语法：（ 元素，下标） => {return 新数组}

        let arr = [10,40,10,20,30,40]

        // 需求，数组中每个元素加一
        let arr1 = arr.map((value) =>{
            return value + 1;//让每个元素的值加一
            
        })

        // 小小作业：每个元素乘2
        console.log(arr1);//(6) [11, 41, 11, 21, 31, 41]
        let arra = [10,40,10,20,30,40]
        let arrb = arra.map((value1) =>{
            return value1 * 2;//每个元素乘2
        })
        console.log(arrb);
    </script>
</body>
</html>